<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>河狸家-${category.name}</title>
    <meta name="decorator" content="cms_default_${fns:getConfig('site.theme')}"/>
	<meta name="description" content="${category.description}" />
	<meta name="keywords" content="${category.keywords}" />

    <meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="http://wximg.gtimg.com/tmt/city-wechat/dist/0.0.1/css/style-tmt.css">
    <link href="${ctxStaticTheme}/mobile/css/xunzhong.css"  rel="stylesheet" type="text/css" />
    <link href="${ctxStaticTheme}/wz/css/wz.css"  rel="stylesheet" type="text/css">

</head>
<body>
<!---- -- -- -- -顶部导航 -- -- -- -- -- -- -- -->
<div class="xz-headerbar" style="height:84px;" >
    <a class="xz-headnavgroup xz-headnavgroup-first">全部课程</a><a class="xz-headnavgroup xz-headnavgroup-middle" >已学课程</a><a class="xz-headnavgroup xz-headnavgroup-end" >未学课程</a>
    <div class="xz-headnav2bar" >
        <c:forEach items="${fnc:getMainNavList()}" var="categoryNav" varStatus="status" begin="0" end="5">
            <c:choose><c:when test="${categoryNav.name eq category.name}">
                <a class="xz-headnav2 xz-selected" > ${categoryNav.name}</a>
            </c:when><c:otherwise>
                <a class="xz-headnav2" href="${categoryNav.url}"> ${categoryNav.name}</a>
            </c:otherwise></c:choose>
        </c:forEach>
    </div>
</div>
<!---- -- -- -- --底部导航 -- -- -- -- -- -- -- -->
<div  class="xz-bottombar">
    <a class="xz-bottomnav" ><span class="xz-bottomnavicon xz-bottomnavicon-classcenter"></span><span class="xz-bottomnavtext" >课程中心</span></a>
    <a class="xz-bottomnav xz-selected" ><span class="xz-bottomnavicon xz-bottomnavicon-myclass"></span><span class="xz-bottomnavtext" >我的课程</span></a>
    <a></a>
</div>
<!---- -- -- -- --主内容 -- -- -- -- -- -- -- -->
<div class="xz-contants" style="top:84px;">
<ul class="tmt-list tmt-list_box tmt-list_icon">
    <c:if test="${category.module eq 'article'}">
        <c:forEach items="${page.list}" var="article">
            <li class="tmt-list__item" onclick="dourl('${article.url}')">
                <div class="tmt-list__item-link">
                    <div class="tmt-list__item-box">
                        <img src="${article.image}" alt="" class="tmt-list__item-img"/>
                        <div class="tmt-list__item-text">
                            <div class="tmt-list__item-title">${fns:abbr(article.title,96)} <span class="tmt-list-badgefont  xz-graycolor"> 已学 得分：<em class="xz-maincolor">80</em></span></div>
                            <div class="tmt-list__item-addition">
                                <span class="tmt-list-info"><em >课程介绍：</em>${article.remarks}</span>
                            </div>

                        </div>

                    </div>
                </div>
            </li>
        </c:forEach>
    </c:if>

</ul>
    <div class="page pagination pagination-mini">${page}</div>
    <script type="text/javascript">
        function page(n,s){
            location="${ctx}/list-${category.id}${urlSuffix}?pageNo="+n+"&pageSize="+s;
        }
    </script>
</div>
	<script>
		function dourl(url){
			location.href= url;
		}
	</script>
</body>
</html>